import { Modal } from 'ant-design-vue'
// createVNode  这个有点特殊  没有自动导入  原因不明
import { createVNode } from 'vue'
import { ExclamationCircleOutlined } from '@ant-design/icons-vue'

/**
 * 确认模态框
 * @param {*}  callback 确定事件
 * @param {*}  title 标题
 * @param {*}  okText 确定按钮文案
 * @param {*}  cancelText 取消按钮文案
 * @param {*}  contentText 内容文案
 * @returns
 */
export const userModal = (callback: any, title?: string, okText?: string, cancelText?: string, contentText?: string) => {
  Modal.confirm({
    title: title ? title : '是否确定退出登录?',
    icon: createVNode(ExclamationCircleOutlined),
    content: createVNode('div', { style: 'color:red;' }, contentText ? contentText : ''),
    okText: okText ? okText : '确定',
    cancelText: cancelText ? cancelText : '取消',
    onOk() {
      if (callback && typeof callback === 'function') callback()
    },
    onCancel() {
      console.log('取消')
    }
  })
}
